@import './base.css';

:root {
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 8px;
}

#app {
  width: 100%;
  margin: 0;
  padding: 0;
  font-weight: normal;
  box-sizing: border-box;
  background: #faf9f7;
}

/* 全局控件圆角 & 交互统一 */
:root {
  --brand-black: #111111;
  --border-soft: #ececec;
}

/* Pagination 极简胶囊风 */
:where(.ant-pagination) {
  background: #ffffff;
  border-radius: 999px;
  padding: 2px 8px;
  border: 1px solid #eee;
}
:where(.ant-pagination-item) {
  border-radius: 999px !important;
}
:where(.ant-pagination-item-active) {
  background: var(--brand-black) !important;
  border-color: var(--brand-black) !important;
}
:where(.ant-pagination-item-active) a {
  color: #ffffff !important;
}

/* Input / Select 圆角与聚焦环 */
:where(.ant-input, .ant-input-outlined, .ant-select-selector, .ant-input-affix-wrapper) {
  border-radius: var(--radius-md) !important;
  border-color: #eaeaea !important;
}
:where(
  .ant-input:focus,
  .ant-input-outlined:focus,
  .ant-select-focused .ant-select-selector,
  .ant-input-affix-wrapper-focused
) {
  box-shadow: 0 0 0 3px rgba(17, 17, 17, 0.08) !important;
  border-color: var(--brand-black) !important;
}

/* Button 细微抬升与阴影 */
:where(.ant-btn) {
  border-radius: 999px;
  transition:
    transform 0.2s ease,
    box-shadow 0.2s ease;
}
:where(.ant-btn):hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}

a,
.green {
  text-decoration: none;
  color: hsla(160, 100%, 37%, 1);
  transition: 0.4s;
  padding: 3px;
}

@media (hover: hover) {
  a:hover {
    background-color: hsla(160, 100%, 37%, 0.2);
  }
}

@media (min-width: 1024px) {
  #app {
    padding: 0;
  }
}
